<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>七星屿</title>
    <link rel="icon" href="" type="image/x-icon" />
    <link rel="shortcut icon" href="" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/particles.min.js"></script>
    <script>
        $(function () {
            $(".f426x240").responsiveSlides({
                auto: true,
                speed: 2000,
                maxwidth: 1920
            });
            $(".f160x160").responsiveSlides({
                auto: true,
                speed: 2000,
                maxwidth: 768
            })
        });
    </script>
</head>

<body>
    <div id="fullpage">
        <!-- 第一屏-->
        <div class="section section1 fp-section fp-table  fp-completely" id="overview1">
            <!--头部-->
            <div class="heads">
                <script>
                    $(".heads").load("head.html");
                </script>
            </div>
            <div class="fp-tableCell">
                <div id="banner">
                    <div class="focus">
                        <ul class="rslides f426x240 rslides1">
                            <li style="background: url('images/index/banner1.jpg') center center  no-repeat; display: list-item; float: none; position: absolute;"
                                class="">
                                <div class="banner_center">
                                    <img src="images/index/text.png" alt="" />
                                    <p>The Big Dipper Navigate,The Capital Propel</p>
                                </div>
                                <div class="banner_img">
                                    <img src="images/index/star.png" alt="" />
                                </div>
                            </li>
                            <li style="background: url('images/index/banner2.jpg') center center  no-repeat; display: none; float: none; position: absolute;"
                                class="">
                                <div class="banner_center">
                                    <img src="images/index/text.png" alt="" />
                                    <p>The Big Dipper Navigate,The Capital Propel</p>
                                </div>
                            </li>
                            <li style="background: url('images/index/banner3.jpg') center center no-repeat; display: list-item; float: left; position: relative; opacity: 0.957076;"
                                class="rslides1_on">
                                <div class="banner_center">
                                    <img src="images/index/text.png" alt="" />
                                    <p>The Big Dipper Navigate,The Capital Propel</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="goDown">
                <div class="stone"></div>
            </div>
        </div>
        <div class="section section2" id="overview2">
            <div class="Company">
                <div class="Company_lf">
                    <h1 class="fnt_30">公司简介</h1>
                    <h2 class="fnt_30">Company profile</h2>
                    <p class="fnt_18">
                        企业简介：七星屿投资管理（北京）有限公司成立于2015年，专业从事股权投资、风险投资、企业并购、投资顾问业务，是国内投资成功率和资本收益率较高的专业投资机构之一，中国证券基金业协会会员单位。
                        <br />
                        七星屿资本聚焦信息技术、生态农业、新材料、医疗健康、文化消费、环保新能源六大细分领域，致力于发现中国细分行业的产业整合与并购投资机会，通过专业的资本运作，打造细分行业中的“龙头企业”，创造投资资产的价值最大化。
                        <br /> 七星屿资本立志成为卓越的资产管理公司，成为优秀企业可信赖的长期战略合作伙伴，成为投资人财富增值的金管家，成为未来的行业翘楚。</p>
                </div>
                <div class="Company_rt">
                    <img src="images/index/com.jpg" alt="" />
                </div>
            </div>
            <div class="goDown">
                <div class="stone"></div>
            </div>
        </div>
        <div class="section section3 fp-section fp-table  fp-completely" id="overview3">
            <div class="fp-tableCell pc_show">
                <div class="probanner swiper-container pro-swiper swiper-container-horizontal">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/index/s-1.jpg" alt="" class="pimg"></div>
                        <div class="swiper-slide"><img src="images/index/s-2.jpg" alt="" class="pimg"></div>
                        <div class="swiper-slide"><img src="images/index/s-3.jpg" alt="" class="pimg"></div>
                        <div class="swiper-slide"><img src="images/index/s-4.jpg" alt="" class="pimg"></div>
                        <div class="swiper-slide"><img src="images/index/s-5.jpg" alt="" class="pimg"></div>
                        <div class="swiper-slide"><img src="images/index/s-6.jpg" alt="" class="pimg"></div>
                    </div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span
                        class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>
                <ul class="pro-nav-list">
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">
                                    <h3 class="fnt_24">信息技术</h3>
                                    <p class="fnt_16"> INFORMATION TECHNOLOGY</p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">信息技术</h3>
                                    <p class="fnt_16"> INFORMATION TECHNOLOGY</p>
                                </article>
                            </div>
                        </div>
                    </li>
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">

                                    <h3 class="fnt_24">新材料</h3>
                                    <p class="fnt_16">NEW MATERIAL</p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">新材料</h3>
                                    <p class="fnt_16">NEW MATERIAL</p>
                                </article>
                            </div>
                        </div>
                    </li>
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">

                                    <h3 class="fnt_24">医疗健康</h3>
                                    <p class="fnt_16">MEDICAL HEALTH</p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">医疗健康</h3>
                                    <p class="fnt_16"> MEDICAL HEALTH</p>
                                </article>
                            </div>
                        </div>
                    </li>
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">
                                    <h3 class="fnt_24">环保新能源</h3>
                                    <p class="fnt_16"> ENVIRONMENTAL PROTECTION NEW ENERGY </p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">信息技术</h3>
                                    <p class="fnt_16">  ENVIRONMENTAL PROTECTION NEW ENERGY</p>
                                </article>
                            </div>
                        </div>
                    </li>
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">
                                    <h3 class="fnt_24">文化消费</h3>
                                    <p class="fnt_16"> CULTURAL CONSUMPTION</p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">文化消费</h3>
                                    <p class="fnt_16"> CULTURAL CONSUMPTION</p>
                                </article>
                            </div>
                        </div>
                    </li>
                    <li class="litem1">
                        <div class="wbox target transXT100">
                            <div class="item">
                                <article class="tbox">

                                    <h3 class="fnt_24">生态农业</h3>
                                    <p class="fnt_16"> ECOLOGICAL AGRICULTURE</p>
                                </article>
                                <article class="cbox">
                                    <h3 class="fnt_36">生态农业</h3>
                                    <p class="fnt_16"> ECOLOGICAL AGRICULTURE</p>
                                </article>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="title">

                <div class="title_line">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="webLine1" width="675" height="165">
                        <path class="webs1" d="M1,60 1,1 674,1 674,164 1,164 1,110"></path>
                    </svg>
                    <span class="fnt_20"> 投资领域 </span>
                    <p class="fnt_30"> INVESTMENT FIELD</p>
                </div>
            </div>

            <div class="fp-tableCell pc_hide">
                <div id="banners">
                    <div class="focus">
                        <ul class="rslides f160x160 rslides1">
                            <li style="background-image: url('images/index/ss-1.jpg'); display: list-item; float: none; position: absolute;"
                                class="">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">
                                            <h3 class="fnt_24">信息技术</h3>
                                            <p class="fnt_16"> INFORMATION TECHNOLOGY</p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                            <li style="background-image: url('images/index/ss-2.jpg'); display: none; float: none; position: absolute;"
                                class="">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">

                                            <h3 class="fnt_24">新材料</h3>
                                            <p class="fnt_16">NEW MATERIAL</p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                            <li style="background-image: url('images/index/ss-3.jpg'); display: list-item; float: left; position: relative; "
                                class="rslides1_on">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">
                                            <h3 class="fnt_24">医疗健康</h3>
                                            <p class="fnt_16">MEDICAL HEALTH</p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                            <li style="background-image: url('images/index/ss-4.jpg'); display: list-item; float: left; position: relative;"
                                class="rslides1_on">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">
                                            <h3 class="fnt_24">环保新能源</h3>
                                            <p class="fnt_16"> ENVIRONMENTAL PROTECTION NEW ENERGY </p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                            <li style="background-image: url('images/index/ss-5.jpg'); display: list-item; float: left; position: relative;"
                                class="rslides1_on">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">
                                            <h3 class="fnt_24">文化消费</h3>
                                            <p class="fnt_16"> CULTURAL CONSUMPTION</p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                            <li style="background-image: url('images/index/ss-6.jpg'); display: list-item; float: left; position: relative;"
                                class="rslides1_on">
                                <div class="wbox">
                                    <div class="item">
                                        <article class="tbox">
                                            <h3 class="fnt_24">生态农业</h3>
                                            <p class="fnt_16"> ECOLOGICAL AGRICULTURE</p>
                                        </article>
                                    </div>
                                </div>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="goDown">
                <div class="stone"></div>
            </div>
        </div>
        <div class="section section4" id="overview4">
            <div class="title">
                <div class="title_line">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="webLine1" width="675" height="165">
                        <path class="webs1" d="M1,60 1,1 674,1 674,164 1,164 1,110"></path>
                    </svg>
                    <span class="fnt_20"> 投资理念 </span>
                    <p class="fnt_30"> INVESTMENT CONCEPT</p>
                </div>
            </div>
            <div class="goDown">
                <div class="stone"></div>
            </div>
            <div class="concept">
                <h1 class="fnt_42">帮助企业家成为资本家，共创收益！</h1>
                <p>Help entrepreneurs become entrepreneurs and share success!</p>
            </div>
        </div>
        <div class="section section5 fp-auto-height fp-section fp-table active fp-completely" id="overview5">
            <!--底部-->
            <div class="fp-tableCell">
                <div class="foots">
                    <script>
                        $(".foots").load("foot.html");
                    </script>
                </div>
            </div>

        </div>
    </div>
    <script src="js/move.min.js"></script>
    <script src="js/common.js"></script>


    <script src="js/index.js"></script>
    <script>


        //滚动侧边栏导航
        $(function () {
            $('#fullpage').fullpage({
                verticalCentered: false,
                css3: false,
                scrollingSpeed: 900,
                'autoScrolling':true,
                'touchSensitivity':1,
                'normalScrollElementTouchThreshold':1,
                easing: "swing",
                anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
                menu: '#fp-nav',
                navigation: false,
                onLeave: function (index, nextIndex, direction) {
                    if (index == 1) {

                    }
                    if (index == 2) {
                        $('.Company_rt').removeClass('active');
                        $('.Company_lf').removeClass('active');
                    }
                    if (index == 3) {
                        $('.title').removeClass('active');
                    }
                    if (index == 4) {
                        $('.title').removeClass('active');
                        $('.section4 .concept h1').removeClass('active');
                        $('.section4 .concept p').removeClass('active');
                    }
                    if (index == 5) {

                    }
                },
                afterLoad: function (anchorLink, index) {
                    //滚动后，每屏动作
                    if (index == 1) {

                    }
                    if (index == 2) {
                        $('.Company_rt').addClass('active');
                        $('.Company_lf').addClass('active');
                    }
                    if (index == 3) {
                        $('.title').addClass('active');
                    }
                    if (index == 4) {
                        $('.title').addClass('active');
                        $('.section4 .concept h1').addClass('active');
                        $('.section4 .concept p').addClass('active');
                    }
                    if (index == 5) {

                    }
                }
            });
            $('#fp-nav').append(
                '<span class="nav_mark"><span class="mouse"></span><span class="text">鼠标上下滚动</span></span>');
        });
    </script>
</body>

</html>